<!-- 成员信息修改模态框 -->
<div>
    <div class="modal-header">
        <h5 class="modal-title">修改 >> {{u.username}}
            <button type="button" class="close" aria-hidden="true" ng-click="cancel()">&times;</button>
        </h5>
    </div>
    <div class="modal-body">
        <form class="form-horizontal" role="form">
            <div class="form-group ">
                <label for="firstname" class="col-sm-2 control-label">账号</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="firstname" ng-model="u.username" disabled>
                </div>
            </div>
            <div class="form-group ">
                <label for="uid" class="col-sm-2 control-label">通行证</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="uid" ng-model="u.identityId" disabled>
                </div>
            </div>
            <div class="form-group ">
                <label for="balance" class="col-sm-2 control-label">联系方式</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="balance" ng-model="u.phoneNumber" disabled>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">职位</label>
                <div class="col-sm-10">
                    <div class="panel-group" id="accordion">
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <a style="cursor: pointer" data-toggle="collapse" data-parent="#accordion"
                                   ng-click="updateShowRoles()">
                                    点击此处查看职位详情
                                </a>
                            </div>
                            <div class="panel-collapse collapse " ng-class="{in:showRoles}">
                                <div class="panel-body">
                                    <label ng-if="roleRelations.length==0">暂无职位</label>
                                    <table class="table table-responsive">
                                        <tbody>
                                        <tr ng-repeat="rr in roleRelations">
                                            <td>{{rr.roleDescription}}</td>
                                            <td><a ng-click="trashRoleRelation(rr)">回收</a></td>
                                        </tr>
                                        </tbody>
                                    </table>
                                    <hr>
                                    <button type="button" class="btn btn-default" style="margin: 5px 3px"
                                            ng-repeat="r in roles"
                                            ng-click="authorizeRole(r)">{{r.description}}
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
    <div class="modal-footer">
        <button class="btn btn-primary" ng-click="update()">
            保存
        </button>
        <button class="btn btn-warning" ng-click="cancel()">
            取消
        </button>
    </div>
</div>